<extend name="Public/common" />
<block name="style">
<style type="text/css">
.comment-list .comment-item > .thumb-sm {
    width: 66px;
}
.comment-list .comment-item .comment-body {
    margin-left: 76px;
}
.comment-list .comment-item .arrow.left {
    left: 69px;
    top: 20px;
}
.comment-list .comment-reply {
    margin-left: 36px;
}
</style>
</block>
<block name="header"><include file="User/header"/></block>
<block name="content">
<section id="content">
    <div class="row m-n">
    	<div class="col-sm-4 col-sm-offset-4 m-t-xl">
    		<section class="comment-list block m_top_20">
            	<article class="comment-item " id="comment-id-1">
                	<a class="pull-left thumb-sm avatar">
                        <img alt="JYmusic" class="img-circle" src="__IMG__/logo.png">
                	</a>
                	<span class="arrow left"></span>
                	<section class="comment-body panel panel-default">
                        <header class="panel-heading bg-white ">
                          <a href="#" class="i-md"><{:C('WEB_SITE_TITLE')}></a>
                          <span class="text-muted m-l-sm pull-right"><i class="fa fa-bell-o"></i></span>
                        </header>
                        <div class="panel-body">
                          	<div class="i-md text-md">
	                          	<?php if(isset($message)) {?>
								<p class="color_green"></p>
								<?php }else{?>
			                    <p class="text-danger"><?php echo($error); ?></p>
			                    <?php }?>	
		                    </div>
                        </div>
                	</section>
            	</article>
            	<article class="comment-item comment-reply" id="comment-id-2">
                	<a class="pull-left thumb-sm avatar">
                    	<img alt="JYmusic" src="__IMG__/logo.png">
                	</a>
                	<span class="arrow left"></span>
                	<section class="comment-body panel panel-default text-sm">
                    	<div class="panel-body">
                        	<p class="detail"></p>
							<p class="jump text-sm font-bold">
							页面自动 <a id="href" class="btn btn-default text-primary" href="<?php echo($jumpUrl); ?>">跳转</a> 等待时间： <b id="wait" class="text-success"><?php echo($waitSecond); ?></b>
							</p>                          
                        </div>
                	</section>
            	</article>
            </section>      
	        <div class="list-group auto m-b-sm m-b-lg">
	          	<a href="<{:U('/')}>" class="list-group-item">
	            	<i class="fa fa-chevron-right icon-muted"></i>
	            	<i class="fa fa-fw fa-home icon-muted"></i>返回首页
	          	</a>
	          	<a href="#" class="list-group-item">
	            	<i class="fa fa-chevron-right icon-muted"></i>
	            	<i class="fa fa-fw fa-question icon-muted"></i>提交错误
	          	</a>
	          	<a href="#" class="list-group-item">
	            	<i class="fa fa-chevron-right icon-muted"></i>
	            	<i class="fa fa-fw fa-phone icon-muted"></i>联系我们
	          	</a>
	        </div>
      	</div>
    </div>
</section>
<footer id="footer">
    <div class="text-center padder clearfix">
    	<p>
        	<small> JYmusic 保留所有权利<br>&copy; 2015</small>
      	</p>
    </div>
</footer>	
</block>
<block name="script">
<script type="text/javascript">
(function(){
var wait = document.getElementById('wait'),href = document.getElementById('href').href;
var interval = setInterval(function(){
	var time = --wait.innerHTML;
	if(time <= 0) {
		location.href = href;
		clearInterval(interval);
	};
}, 1000);
})();
</script>
</block>